<template>
  <div>
    <GoodCategorNav />
    <SwiperAndNavList />
    <TodayGood />
    <GoodRank />
    <YouLove />
    <Floor v-for="item in floorList" :key="item.id" :floorData="item" />
    <Brand />
  </div>
</template>

<script>
import SwiperAndNavList from './SwiperAndNavList/SwiperAndNavList.vue'
import TodayGood from './TodayGood/TodayGood.vue'
import GoodRank from './GoodRank/GoodRank.vue'
import YouLove from './YouLove/YouLove.vue'
import Floor from './Floor/Floor.vue'
import Brand from './Brand/Brand.vue'

import { mapActions, mapState } from 'vuex'
export default {
  data() {
    return {}
  },
  computed: {
    ...mapState('home', ['floorList']),
  },
  methods: {
    ...mapActions('home', ['get_bannerList', 'get_floor']),
  },
  mounted() {
    this.get_bannerList()
    this.get_floor()
  },
  components: {
    SwiperAndNavList,
    TodayGood,
    GoodRank,
    YouLove,
    Floor,
    Brand,
  },
}
</script>

<style>
</style>